<template>
	<view class="about">
		<Navigation backType="back" title="关于我们" background="#fff" />
		<view class="w-f h-328 f ai-c jc-c">
			<view class="logo w-160 h-160 f jc-c ai-c">
				<image :src="detail.logo" class="w-130 h-130"></image>
			</view>
		</view>
		<view class="bg ph-40">
			<view class="f ai-c h-112 jc-s-b list w-f" @click="toSecure">
				<view class="fs-32 text-color4">商务合作</view>
				<view class="fs-28 text">{{detail.webUrl}}</view>
			</view>
			<view class="f ai-c h-112 jc-s-b list w-f" @click="toText(3)">
				<view class="fs-32 text-color4">功能介绍</view>
				<u-icon name="arrow-right" color="#CCCCCC" size="13"></u-icon>
			</view>
			<view class="f ai-c h-112 jc-s-b list w-f" @click="toText(4)">
				<view class="fs-32 text-color4">法律声明</view>
				<u-icon name="arrow-right" color="#CCCCCC" size="13"></u-icon>
			</view>
			<view class="f ai-c h-112 jc-s-b list w-f" @click="toText(5)">
				<view class="fs-32 text-color4">平台协议</view>
				<u-icon name="arrow-right" color="#CCCCCC" size="13"></u-icon>
			</view>
			<view class="f ai-c h-112 jc-s-b list w-f" @click="toText(6)">
				<view class="fs-32 text-color4">用户协议</view>
				<u-icon name="arrow-right" color="#CCCCCC" size="13"></u-icon>
			</view>
			<view class="f ai-c h-112 jc-s-b list w-f" @click="toText(7)">
				<view class="fs-32 text-color4">隐私协议</view>
				<u-icon name="arrow-right" color="#CCCCCC" size="13"></u-icon>
			</view>
		</view>
	</view>
</template>
<script setup lang="ts">
	import { ref } from 'vue';
	import { onLoad } from '@dcloudio/uni-app';
	import { agreement } from '@/services/api/mine/question';
	const detail = ref<any>();
	onLoad(() => {
		getDetail();
	});
	async function getDetail() {
		const { data } = await agreement({ type: 2 });

		detail.value = JSON.parse(data.content);
	}

	function toText(t) {
		uni.navigateTo({
			url: '/pages_mine/text?type=' + t,
		});
	}
</script>
<style lang="scss" scoped>
	.about {
		background: #f5f5f5;
		min-height: 100vh;

		.list {
			border-bottom: 1px solid #f5f5f5;
		}

		.logo {
			// background: #fabb3c;
			// border-radius: 50%;
		}

		.bg {
			background: #fff;
		}

		.text {
			color: #888888;
		}
	}
</style>